<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>position</title>
		<link rel="stylesheet" type="text/css" href="css/lesson3_position.css"/>
	</head>
	<body>
		<!--absolute
			1.脱离原来位置进行定位
			2.相对于最近了有定位的元素定位，如果没有，则相对于文档定位
		-->
		<!--<div></div>-->
		<!--==============line1==============-->
		<!--<div class="demo"></div>
		<div class="box"></div>-->
		<!--=================line2===================-->
		<!--relative
			1.保留原来位置进行定位
			2.相对于自己员原来的位置进行定位
		-->
		<!--<div class="demo"></div>
		<div class="box"></div>-->
		<!--=====================line3======================-->
		<!--<div class="wrapper">
			<div class="content">
				<div class="box"></div>
			</div>
		</div>-->
		<!--=====================line4======================-->
		<!--<div class="wrapper">
			<div class="content">
				<div class="box"></div>
			</div>
		</div>-->
		<!--==========================line5=======================-->	
		<!--广告定位-->
		<!--<div>英才</div>-->
		<!--=============================line6==========================-->
		<!--屏幕中央定位-->
		<div></div>
		<!--br*1000-->
	</body>
</html>
